{% extends 'base.html' %}

{% block title %}
    {{ block.super }}-登录
{% endblock %}

{% block main %}
    <div style="max-width: 300px;" class="m-auto">
        <h1 class="text-center mb-5">登录</h1>
        <form action="" method="post">
{#        错误提示#}
            {% if form %}
            	<h2>{{ form.errors }}</h2>
            {% endif %}
            {% csrf_token %}
            <div class="mb-3 d-flex justify-content-between align-items-center">
                <label for="email" class="form-label">邮箱:</label>
                <input type="email" class="form-control " id='email' name="email" placeholder="请输入邮箱"
                       style="width: 230px;">
            </div>

            <div class="mb-2 d-flex justify-content-between align-items-center">
                <label for="password" class="form-label">密&emsp;码:</label>
                <input type="password" class="form-control" id='password' name="password" placeholder="请输入密码"
                       style="width: 230px;">
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" name="remember_me" value="1" id="flexCheckChecked">
                <label class="form-check-label text-body-secondary" for="flexCheckChecked">
                    记住我
                </label>
            </div>
            <div class="mt-2">
                <button class="btn btn-primary w-100">立即登录</button>
            </div>
        </form>
    </div>
{% endblock %}